<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <script type="text/javascript" src="js/jquery-1.12.4.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript"></script>
    <style type="text/css"></style>

</head>

<body>
    <!-- 导航条 -->
    <!-- 黑色导航条 -->
    <!-- 去掉导航条的圆角 -->
    <div class="navbar navbar-inverse navbar-static-top">
        <!-- 容器 -->
        <div class="container">
            <!-- 导航条头部 -->
            <!-- 定义LOGO -->
            <div class="navbar-header">
                <button class="navbar-toggle" data-toggle="collapse" data-target="#mymenu">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="#" class="navbar-brand">LOGO</a>
            </div>

            <div class="collapse navbar-collapse" id="mymenu">
                <!-- 定义菜单 -->
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#">首页</a></li>
                    <li><a href="#">公司简介</a></li>
                    <li><a href="#">解决方案</a></li>
                </ul>


                <!-- 定义菜单里面的表单 -->
                <form action="" class="navbar-form navbar-right">
                    <div class="form-group">
                        <!-- 搜索框 -->
                        <div class="input-group ">
                            <input type="text" name="" class="form-control">
                            <span class="input-group-btn">
                                <button class="btn btn-default "><span class="glyphicon glyphicon-search">
                                    </span></button>
                            </span>
                        </div>
                    </div>
                </form>
            </div>



        </div>
    </div>


</body>

</html>